<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>睿代码 | RCode代码生成平台</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="icon" type="image/png" href="${contextPath}/icon.png">
  <link rel="apple-touch-icon-precomposed" href="${contextPath}/icon.png">
  <link rel="stylesheet" href="${ctxStatic}/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />

    <!--[if lt IE 9]>

    <script src="${ctxStatic}/js/ie/html5shiv.js"></script>

    <script src="${ctxStatic}/js/ie/respond.min.js"></script>

    <script src="${ctxStatic}/js/ie/excanvas.js"></script>

  <![endif]-->

</head>
<body class="" style="overflow-y: auto;">
  <section class="vbox">
    <!--头部 开始-->
    <jsp:include page="../include/top.jsp"/>
    <!--头部 结束-->
    <!--菜单 开始-->
    <section>
      <section class="hbox stretch">
        <!--左边菜单 开始-->
        <jsp:include page="../include/menu.jsp"/>
        <!--左边菜单 结束-->

        <section id="content">
            <style>
              .appcenter-title, .appcenter-title p {
                  line-height: 40px;
                  font-size: 14px;
                  text-align: center;
                  color: #fff;
              }
              .appcenter-title {
                  margin: 0px auto 0;
              }
              .appcenter-title p {
                  margin: 0 auto;
                  width: 350px;
                  background-color: rgba(37,41,53,.5);
                  border-radius: 0 0 18px 18px;
              }
            </style>
            <div class="appcenter-title"><p>RCode代码生成平台</p> </div>

            <!--这里是正文 开始-->
            <div class="col-sm-12">
                  <!-- 应用信息 开始 -->
                  <section class="panel panel-default">

                    <header class="panel-heading font-bold">应用信息</header>

                    <div class="panel-body">

                      <form class="bs-example form-horizontal">

                        <div class="form-group">

                          <label class="col-lg-2 control-label">APP ID(应用ID)<br/>此ID用于标识您的应用</label>

                          <div class="col-lg-6">

                            <input type="text" class="form-control" value="bm5zHRTdvbSDFdfwDDADFq" disabled />

                            <span class="help-block m-b-none">APPID为系统自动分配</span>

                          </div>
                          <div class="col-lg-4"></div>

                        </div>

                        <div class="form-group">

                          <label class="col-lg-2 control-label">APP名称</label>

                          <div class="col-lg-6">

                            <input type="text" class="form-control" placeholder="输入APP名称">

                          </div>
                          <div class="col-lg-4">

                           <button type="button" class="btn btn-sm btn-info">修改</button>

                          </div>

                        </div>

                        <div class="form-group">

                          <label class="col-lg-2 control-label">删除APP</label>

                          <div class="col-lg-10">
                            
                            <button type="button" class="btn btn-sm btn-danger">删除</button>

                          </div>

                        </div>
                        


                      </form>

                    </div>

                  </section>
                  <!-- 应用信息 结束 -->
                  <!-- 开发配置 开始 -->
                  <section class="panel panel-default">
                    <header class="panel-heading font-bold">开发配置</header>
                    <div class="panel-body">
                      <form class="bs-example form-horizontal">

                        <div class="form-group">
                          <label class="col-lg-2 control-label">商户号</label>
                          <div class="col-lg-10">
                            <span class="help-block m-b-none">m1604080001</span>
                          </div>
                        </div>

                        <div class="form-group">
                          <label class="col-lg-2 control-label">交易密钥管理</label>
                          <div class="col-lg-10 control-label">
                            <a class="text-info">查看如何生存与配置RSA密钥？</a>
                          </div>
                        </div>

                        <div class="form-group">
                          <label class="col-lg-2 control-label">RSA公钥<br/><span style="color:#999;font-size:12px;">框内为示例</span></label>
                          <div class="col-lg-10">
                            <textarea class="form-control parsley-validated" rows="6" data-minwords="6" data-required="true" placeholder="" disabled>MIGf****************************************************************************************************************************************************************************************************************AQAB</textarea>
                            <div style="margin-top:25px;">
                              <a href="#" class="btn btn-s-md btn-default">修改</a> <span style="color:#999;font-size:12px;">修改密钥过程会影响交易，建议在无交易时段修改密钥</span>
                            </div>
                          </div>
                        </div>

                        <div class="form-group">
                          <label class="col-lg-2 control-label">MD5密钥<br/><span style="color:#999;font-size:12px;">密钥长度为32位<br/>可包括数字和字母<br/>字母区分大小写</span></label>
                          <div class="col-lg-10">
                            <input type="text" class="form-control" placeholder="" value="e10a************************883e" disabled>
                            <div style="margin-top:25px;">
                              <a href="#" class="btn btn-s-md btn-default">修改</a> <span style="color:#999;font-size:12px;">修改密钥过程会影响交易，建议在无交易时段修改密钥</span>
                            </div>
                          </div>
                        </div>

                      </form>
                    </div>
                  </section>
                  <!-- 开发配置 结束 -->
                </div>
            <!--这里是正文 结束-->
        </section>
      </section>
    </section>
    <!--菜单 结束-->
  </section>

  <script src="${ctxStatic}/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="${ctxStatic}/js/bootstrap.js"></script>
  <!-- App -->
  <script src="${ctxStatic}/js/app.js"></script>
  <script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="${ctxStatic}/js/app.plugin.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/demo.js"></script>
</body>

</html>